@charset "UTF-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	width: 960px;
	margin: 0px;
}
/*Begin Content/Column Layout */
#header, #footer {
	width: 100%;
	height: 80px;
}
#header {
	color: #FF0000;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 5px;
	font-size: 300%;
	line-height: 80px;
	border: black 2px dashed;
	margin: 2px;
}
#navigation, #content {
	height: 500px;
	float: left
}
#navigation, li, a, a:visited {
	width: 200px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	list-style-type: none;
	line-height: 150%;
	text-decoration: none;
	color: #FF0004;
}
#navigation li { width:150px;
}

#navigation li#selected {
	background-color: black;
	color: white;
}
#navigation a:active, a:hover {
	text-shadow: 1px 2px 2px #7C7B7B;
}
#content {
	float: left;
	width: 760px;
	font-family: sans-serif;
	overflow: auto;
}
#footer {
	text-align: center;
	padding-top: 20px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-variant: normal;
	font-style: italic;
	font-size: small;
	letter-spacing: 3px;
	clear: both
}
/*End Layout Section*/

/* Begin Content Styles */
h1 {
	text-align: center;
	line-height: 150%
}
h2 {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}
h3 {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size: 20px
}
div#syntax {
	background-color: #E1E1E1;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	padding: 10px 10px 10px 10px;
	width: 95%;
}
div#values {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	line-height: 60%;
}
ul.values, li.values {
	color: initial;
	line-height: 120%;
	width: auto;
}
table#properties {
	padding: 5px;
	border: thin solid red;
	text-align: right;
	line-height: 150%;
	border-spacing: 10px 0px;
	max-width: 95%;
}
pre {
	background-color: #CDCDCD;
	padding: 10px;
	font-weight: bold;
	width: 80%;
	margin: 0 auto;
}
div#code {
	width: 80%;
	margin: 0 auto;
	max-height: 350px;
	overflow: auto;
}
div#example {
	width: 95%;
}
table#values {
	line-height: 175%;
	border-spacing: 10px 0px;
	vertical-align: middle;
}
table#values th {
	width: 25%;
	text-align: left;
	border-bottom: thin dashed gray
}
table#values td {
	width: 75%;
	border-bottom: thin dashed gray
}
.values li {
	color: black;
	width: auto;
}
/* End Content Styles */
/*begin examples */

/*background*/
div.bg-example {
	background: #00ff00 url("smiley.gif") repeat-y;
}
/*border*/
div.border-example {
	width: 150px;
	height: 150px;
	margin: 10px;
}
div.border-example#border-example1 {
	border: dashed red;
	float: left;
	clear: left
}
div.border-example#border-example2 {
	border: 5px dotted green;
	float: left;
	border-radius: 37px;
}
div.border-example#border-example3 {
	border: double blue;
	box-shadow: 5px 5px 5px #888888;
	float: left;
	clear: right
}
div.border-example#border-example4 {
	border: 5px groove #7400F8;
	float: left;
	clear: left
}
div.border-example#border-example5 {
	border: 5px ridge #FF7200;
	box-shadow: 8px 5px 8px #888888;
	float: left;
	border-radius: 195px;
}
div.border-example#border-example6 {
	border: 5px double blue;
	float: left;
	border-radius: 31px;
	clear: right
}
div#border-example-enclosure {
	border: 5px dashed #FFB341;
	float: left;
	border-radius: 25px;
	clear: right;
	box-shadow: 6px -6px 3px #C0B3FA;
}
/*clear*/

img.clear {
	float: left;
}
p.clear {
	clear: both;
}
/*color example*/
div#colorexample1 {
	color: #CA50F3;
}
div#colorexample2 {
	color: orange;
}
/*text-align examples */

div#textalignexample1 {
	width: 500px;
	border: thin black dashed;
	color: #CA50F3;
	text-align: right;
	font-size: 120%
}
div#textalignexample2 {
	width: 500px;
	border: thin black dashed;
	color: orange;
	text-align: left;
	font-size: 120%;
}
div#textalignexample3 {
	width: 500px;
	border: thin black dashed;
	color: green;
	font-size: 120%;
	text-align: justify;
}
div#textalignexample4 {
	width: 500px;
	border: thin black dashed;
	color: green;
	font-size: 120%;
}
/*end text-align examples*/